import React from 'react'
const Menu = () => {
    const location = React.Router.useLocation();
    const navigate = React.Router.useNavigate();
    const { pathname } = location;
    const SwtichTab = (key: string) => { navigate(key) }

    return (
        <>
            <div className="footer">
                <React.UI.TabBar style={{width: '100%'}} activeKey={pathname} onChange={SwtichTab}>
                    <React.UI.TabBar.Item key={"/"} icon={<React.ICON.AppOutline />} title={'首页'} />
                    <React.UI.TabBar.Item key={"/business/index"} icon={<React.ICON.UserOutline />} title={'我的'} />
                </React.UI.TabBar>
            </div>
        </>
    )
}

export default Menu